<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			html,body{width:100%;height:100%;}
			*{margin:0;padding:0;}
			a{text-decoration:none;color:black;font-size: 12px;}
			.pullleft{float:left;}
			.pullright{float:right;}
			.banner{width:100%;height:86%;}
			.banner img{width:100%;height:100%;}
			.box1{width:100%;height:5%;background: #a4b5ca;}
			.box2{width:100%;height:9%;}
			.box2 .left{position:relative;left:2%;top:25%;width:43%;}
			.box2 .left .logo{background:url(img/红英首页03.jpg) no-repeat;width:62px;height:32px;
			float:left;}
			.box2 .left .nav{position:relative;left:4%;margin-top: 2%;}
			.box2 .left .nav li{float:left;list-style: none;padding:0 1.2%;}
			.box2 .right{width:48%;height:100%;}
            .box2 .right img{position:relative;top:56%;margin-right:2%;}
            .box2 .right .nav{position:relative;top:44%;margin-right:2%;}
            .box2 .right .nav a {padding:0 10px;border-right: 1px solid black;}
		</style>
	</head>
	<body>
		<div class="banner"><img src="img/红英_首页_01.jpg"/></div>
		<div class="box1"><div class="pullright">购买两件以上正品红英产品即可享受九折优惠</div></div>
		<div class="box2">
			<div class="left pullleft">
				<div class="logo"></div>
				<ul class="nav">
				<li>
					<a href="">首页</a>
				</li>
				<li>
					<a href="">红英自诉</a>
				</li>
				<li>
					<a href="">	企业文化</a>
				</li>
				<li>
					<a href="">红英秋冬</a>
				</li>
				<li>
					<a href="">满世界溜达</a>
				</li>
				<li>
					<a href="">我们的店</a>
				</li>
				</ul>
			</div>
			<div class="right pullright">
				<img src="img/红英_首页_06.jpg" class="pullright"/>
			<div class="nav pullright">
				<a href="">首页</a><a href="">首页</a><a href="">首页</a><a href="">首页</a><a href="">首页</a><a href="">首页</a>
			</div>
			</div>
		</div>
	</body>
</html>
